.active {
  color: #31c27c
}

.active-btn {
  background: #31c27c;
  color: #fff;
}

.active-btn>a:hover {
  color: inherit;
}

.active>a, .active-btn>a {
  color: inherit;
}

.hover {}

.active.hover {}

.active-btn.inter:active {
  background-color: #279c63;
}

.active-btn.inter:hover {
  background-color: #2caf6f
}

.btn {
  display: inline-block;
  padding: 0 9px;
  background: #31c27c;
  color: #fff;
  border: 1px solid #31c27c;
  border-radius: 2px;
  line-height: 37px;
  height: 36px;
  font-size: 13px;
}

.btn:hover {
  color: #fff;
}

.btn.inter:active {
  background-color: #279c63;
}

.btn.inter:hover {
  background-color: #2caf6f
}

.btn-o {
  display: inline-block;
  padding: 0 9px;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 2px;
  line-height: 37px;
  height: 36px;
  font-size: 13px;
}

.btn-o:hover {
  color: #333;
}

.btn-o.inter:hover {
  background-color: #ededed;
}